<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery基础</title>
    <script src="./jquery1.11.3.js"></script>
    <script>
        $(function () {
            $('#box1').css('color','green').css('background','blue');//用jquery修改box1的颜色为绿色 先求出来id为box1的div来 然后调它的css方法
            // document.getElementById("box1").style.color="green";//js中修改box1的颜色为绿色
            // alert($());//返回值:[object Object]
            // alert($('box1'));//返回值:[object Object]
            // alert($('#box1').css('color','green'));//返回值:[object Object]
            // alert(document.getElementById("box1"));//返回值:[object HTMLDivElement]
            alert($('#box1').get(0));//返回值[object HTMLDivElement]
        });

    </script>
</head>
<body>
<script>
//链式语法$().css().css();
//window.onload=function(){...}	文档加载完执行函数	$(function(){...})
// document.getElementById("box1").style.color="green"	改变样式  比如颜色	$('#box1').css('color','green')
// document.getElementById("box1")返回:[object HTMLDivElement] 不同对象的表示方法	$()返回 [object Object]
// document.getElementById("box1")  	获得JS对象	$('#box1').get(0)返回值:[object HTMLDivElement]
</script>
 <div id="box1">jquery核心语法</div>
</body>
</html>